<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>
    <input type="button" id="mybtn">
  </div>
</body>
  <script src="/jQuery/jquery-3.7.1.js"></script>
  <script>
    var mybtn=$('#mybtn')
    var myul=$('<ul></ul>')

    mybtn.bind('click',function(){
      myul.load(
        '/study/data.txt',
        function(data){
            console.log('load is succes')

              console.log(data)
              var myli='<li>'+data[i].name+'</li>'
              myul.append(myli)
            
            $('body').append(myul)

        })
    })
    
  </script>
</html>